<template>
  <div class="banner">
    <div class="banner-background" />
    <div class="banner-overlay" />
    <div class="banner-content">
      <h1 class="banner-title">
        三味书屋
      </h1>
    </div>
  </div>
  <div class="home-container container-banner">
    <div class=" container-banner home-item-container container-768-row-column">
      <div class="home-item">
        <p>总书籍数</p>
        <h2>1234</h2>
        <p class=" text-success">
          ↑ 12% 本月新增
        </p>
      </div>
      <div class="home-item">
        <p>活跃用户</p>
        <h2>1234</h2>
        <p>↑ 12% 较上月</p>
      </div>
      <div class="home-item">
        <p>今日阅读量</p>
        <h2>1234</h2>
        <p>↑ 12% 较昨日</p>
      </div>
      <div class="home-item">
        <p>系统运行时间</p>
        <h2>1234</h2>
        <p>稳定运行中</p>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
</script>
<style lang="css" scoped>
</style>